@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
}
@font-face {
    font-family: 'allerbold_italic';
    src: url('../fonts/aller_bdit-webfont.eot');
    src: url('../fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bdit-webfont.woff') format('woff'),
         url('../fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('../fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg');
}
@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {padding:0px; margin:0px;}
body {font-size:14px;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}
.bg_color {background:#fff;}

.space-0 {width:100%; height:0px; clear:both;}
.space-5 {width:100%; height:5px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius3 {-moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.ease03 {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.ease06 {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.ease09 {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.ease12 {-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;}
.ease15 {-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}

/* link color */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* head */

.head {background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.3); position:absolute; top:0px; left:0px; z-index:99;}

.head .menu-handler {width: 30px; height: 50px; cursor: pointer; position: fixed; right: 5px; top: 0px; z-index: 100; display:none;}
.head .menu-handler .burger {width: 30px; height: 1px; background: #cc3333; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px;}
.head .menu-handler .burger-2 {top: 24px;}
.head .menu-handler .burger-3 {top: 32px;}
.head .menu-handler.active .burger-1 {top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.head .menu-handler.active .burger-2 {filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}
.head .menu-handler.active .burger-3 {top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.trans, .trans:hover {-webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out;}
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}

.head #menu-holder .tool {height:55px; padding:10px;}
.head #menu-holder .tool a {width:35px; height:35px; display:block; margin:0px 5px; float:left;}
.head #menu-holder .tool a.weibo {background:url(../images/weibo.png); background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.head #menu-holder .tool a.weixin {background:url(../images/weixin.png); background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

/* footer */

.footer {height:auto; overflow:hidden; color:#8e8e8e; font-size:12px; background:#333;}
.footer .f-code {height:auto; overflow:hidden;}
.footer .f-code img {width:100px; display:block;}
.footer .f-code span {height:25px; line-height:25px; display:block; text-align:center;}
.footer .f-word {height:auto; overflow:hidden;}
.footer .f-word img {height:50px; display:block;}
.footer .f-word p,.footer .f-word a {height:25px; line-height:25px; color:#8e8e8e; display:block;}
.footer .f-list {height:auto; overflow:hidden;}
.footer .f-list a {height:25px; line-height:25px; color:#8e8e8e; display:block;}
.footer .f-list a.a1 {height:38px; line-height:32px; color:#999; font-size:24px; letter-spacing:2px;}
.footer .f-list s {width:50px; height:1px; background:#8e8e8e; display:block; margin-bottom:10px;}
.footer .f-text {height:auto; overflow:hidden;}
.footer .f-text p {height:25px; line-height:25px; color:#8e8e8e; font-size:14px;}

/* banner */

.banner .banner-pagination-index {width:100%; height:30px; text-align:center; position:absolute; left:0px; bottom:20px; z-index:99;}
.banner .banner-pagination-index .banner-pagination {height:30px; padding:11px 25px; background:#fff; display:inline-block;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:8px; height:8px; background:#333; opacity:0.7; margin:0px 3px; float:left; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.banner .banner-pagination-index .swiper-pagination-bullet-active {background:#ff7300; opacity:1;}

/* index-title */

.index-title-1 {height:auto; overflow:hidden; text-align:center; background:#fff; padding:20px 0px;}
.index-title-1 span {height:25px; line-height:25px; color:#b0b0b0; font-size:18px; display:block; font-family:"aller_lightregular"; text-transform:uppercase;}
.index-title-1 font {height:35px; line-height:35px; color:#555; font-size:20px; display:block;}
.index-title-1 .line {width:100px; height:2px; background:#e5e5e5; margin:10px auto 0px;}
.index-title-1 .line s {width:30px; height:2px; background:#ff7300; margin:0px auto; display:block;}

/* index-case */

.index-case {height:auto; overflow:hidden; background:#f1f1f1; padding:20px 0px;}
.index-case .list {height:auto; overflow:hidden; display:block; position:relative;}
.index-case .list:hover .img {filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6;}
.index-case .list .img img {display:none;}
.index-case .list .title {height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; display:block; position:absolute;}
.index-case .list .mores {height:32px; background:#ff7300; position:absolute; right:0px; bottom:0px;}
.index-case .list .mores span {height:32px; line-height:32px; color:#fff; padding:0px 10px; display:block; float:left;}
.index-case .list .mores small {width:32px; height:32px; line-height:32px; color:#fff; text-align:center; display:block; border-left:#dbdbdb solid 1px; float:left;}

.index-case .morbtn {height:auto; overflow:hidden; padding:10px 0px;}
.index-case .morbtn a {width:150px; height:35px; line-height:35px; text-align:center; color:#333; font-size:16px; border:#999 solid 1px; display:block; margin:0px auto;}
.index-case .morbtn a:hover {background:#333; border:#333 solid 1px; color:#fff;}

.index-about {height:auto; overflow:hidden;}
.index-about .about {background:#f1f1f1; position:relative;}
.index-about .about .about-img img {width:100%; display:block;}
.index-about .about .about-text {height:auto; overflow:hidden;}
.index-about .about .about-text .p1 {height:30px; line-height:30px; color:#333; font-size:18px; font-weight:bold;}
.index-about .about .about-text .p2 {height:30px; line-height:25px; color:#555;}
.index-about .about .about-text .line {width:100px; height:2px; background:#ff7300;}
.index-about .about .about-text .p3 {height:auto; overflow:hidden; line-height:25px; color:#555; padding:20px 0px;}
.index-about .about .about-text .p4 {height:32px; display:block; background:#ff7300; position:absolute; right:0px; bottom:0px;}
.index-about .about .about-text .p4 span {height:32px; line-height:32px; color:#fff; padding:0px 10px; display:block; float:left;}
.index-about .about .about-text .p4 small {width:32px; height:32px; line-height:32px; color:#fff; text-align:center; display:block; border-left:#dbdbdb solid 1px; float:left;}

.index-link {height:auto; overflow:hidden; position:relative;}
.index-link .link {height:auto; overflow:hidden;}
.index-link .link img {width:100%;}
.index-link .link-button-prev {width:30px; height:30px; position:absolute; top:50%; left:0px; margin-top:-15px; background:url(../images/prev.png) no-repeat center center; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}
.index-link .link-button-next {width:30px; height:30px; position:absolute; top:50%; right:0px; margin-top:-15px; background:url(../images/next.png) no-repeat; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}

.index-article {height:auto; overflow:hidden;}
.index-article .article {height:auto; overflow:hidden;}
.index-article .article a {height:auto; overflow:hidden; display:block; position:relative; background:#fff; border-top:#dbdbdb solid 2px; box-shadow:0 0 4px rgba(0,0,0,0.3);}
.index-article .article a .p1 {overflow:hidden; color:#333; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;}
.index-article .article a .p2 {overflow:hidden; line-height:25px; color:#777; font-size:12px;}
.index-article .article a .time {overflow:hidden; color:#555; font-weight:bold;}
.index-article .article a .time span {color:#333; font-size:16px; padding-right:10px;}
.index-article .article a .p3 {height:32px; display:block; background:#ff7300; display:none; position:absolute; right:0px; bottom:0px;}
.index-article .article a .p3 span {height:32px; line-height:32px; color:#fff; padding:0px 10px; display:block; float:left;}
.index-article .article a .p3 small {width:32px; height:32px; line-height:32px; color:#fff; text-align:center; display:block; border-left:#dbdbdb solid 1px; float:left;}

.index-article .article a:hover {border-top:#b0b0b0 solid 2px; box-shadow:0 0 4px rgba(0,0,0,0.5);}
.index-article .article a:hover .p1 {color:#000;}
.index-article .article a:hover .p2 {color:#222;}
.index-article .article a:hover .p3 {display:block;}

.index-article .morbtn {height:auto; overflow:hidden; padding:10px 0px;}
.index-article .morbtn a {width:150px; height:35px; line-height:35px; text-align:center; color:#333; font-size:16px; border:#999 solid 1px; display:block; margin:0px auto;}
.index-article .morbtn a:hover {background:#333; border:#333 solid 1px; color:#fff;}

.index-contact {height:auto; overflow:hidden;}
.index-contact .p1 {height:auto; overflow:hidden; line-height:30px; color:#333; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; padding-top:20px; padding-bottom:10px;}
.index-contact .p2 {width:50px; height:2px; background:#ff7300;}
.index-contact .p3 {overflow:hidden; line-height:25px; color:#777; padding:20px 0px;}
.index-contact .p4 {height:auto; overflow:hidden; line-height:35px; color:#333; font-size:18px; font-weight:bold; padding-bottom:30px;}

.index-contact .list {height:auto; overflow:hidden; padding-bottom:10px; padding-left:35px; position:relative;}
.index-contact .list b {width:30px; height:35px; line-height:30px; font-weight:normal; display:block; position:absolute; top:5px; left:0px;}
.index-contact .list .input {width:100%; height:40px; padding:0px 5px; background:#fff; border:none; border-bottom:#e5e5e5 solid 1px; outline:none;}
.index-contact .listt {height:auto; overflow:hidden; padding-bottom:10px; position:relative;}
.index-contact .listt b {width:40px; height:35px; line-height:30px; font-weight:normal; display:block;}
.index-contact .listt .input {width:100%; height:120px; background:#fff; border:none; border-bottom:#e5e5e5 solid 1px; outline:none;}
.index-contact #btnSubmit {width:120px; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; display:block; background:#d40407; border:none; margin-top:10px;}
    
.index-contact .Validform_checktip {width:20px; height:16px; display:block; font-size:0px; position:absolute; top:10px; right:5px;}
.index-contact .Validform_checktip.Validform_wrong {background:url(../images/valid_icons.png) no-repeat -20px -40px; color:#f00;}
.index-contact .Validform_checktip.Validform_right {background:url(../images/valid_icons.png) no-repeat -40px -20px;}

.index-contact #NBQICHEN {height:230px;}

.msgsbg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:9999;}
.msgs {width:270px; height:200px; background:#fafafa; border:#e6e6e6 solid 1px; box-shadow:0 0 10px rgba(0,0,0,0.4); position:fixed; top:50%; left:50%; margin-left:-120px; margin-top:-130px; z-index:9999;}
.msgs .msgimg {height:70px; margin-top:15px; background:url(../images/msgimg.png) no-repeat center center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.msgs p {line-height:35px; text-align:center; color:#c30f12; font-size:18px; font-weight:bold; display:block;}
.msgs span {line-height:22px; text-align:center; color:#333; display:block;}

@media (max-width: 479px) {

.pages {padding-top:50px;}

.head {width:100%; height:50px; position:fixed;}
.head .logo {height:50px; padding:8px 0px 8px 10px; float:left;}
.head .logo img {height:34px;}

.head .menu-handler {display:block;}
.head #menu-holder {width:240px; height:300px; position:fixed; top:100%; left:50%; margin-left:-120px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.open #menu-holder {top:50%; margin-top:-150px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#fff; display:none; position:fixed; top:0px; left:0px; z-index:99; -webkit-overflow-scrolling:touch; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {display:block; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.head #menu-holder .navs a {height:40px; line-height:40px; font-size:18px; color:#333; text-align:center; display:block;}
.head #menu-holder .navs a span {padding-right:5px;}
.head #menu-holder .navs a:hover {font-weight:bold;}

.head #menu-holder .tool {width:110px; margin:0px auto;}

.footer {padding:20px 0px;}
.footer .f-word img {height:40px;}
.footer .f-word p,.footer .f-word a {height:20px; line-height:20px;}
.footer .f-code,.f-list,.footer .f-text {display:none;}

.banner {height:160px;}
.banner .banner-pagination-index {height:15px; bottom:10px;}
.banner .banner-pagination-index .banner-pagination {height:15px; padding:5px 10px;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:5px; height:5px; margin:0px 2px;}

.index-case .list .img {height:auto; overflow:hidden;}
.index-case .list .img img {width:100%; display:block;}
.index-case .list .title {top:15px; left:15px;}

.index-about .about {height:auto; overflow:hidden; margin-top:100px; padding:20px;}
.index-about .about .about-img {display:none;}

.index-link {padding:20px 30px;}

.index-article {padding:10px 0px 30px;}
.index-article .article a {padding:15px 15px 35px 15px;}
.index-article .article a .p1 {height:30px; line-height:30px;}
.index-article .article a .p2 {height:auto; overflow:hidden; line-height:22px;}
.index-article .article a .time {line-height:30px;}

.index-gg {height:160px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.pages {padding-top:50px;}

.head {width:100%; height:50px; position:fixed;}
.head .logo {height:50px; padding:8px 0px 8px 10px; float:left;}
.head .logo img {height:34px;}

.head .menu-handler {display:block;}
.head #menu-holder {width:240px; height:300px; position:fixed; top:100%; left:50%; margin-left:-120px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.open #menu-holder {top:50%; margin-top:-150px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#fff; display:none; position:fixed; top:0px; left:0px; z-index:99; -webkit-overflow-scrolling:touch; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {display:block; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.head #menu-holder .navs a {height:40px; line-height:40px; font-size:18px; color:#333; text-align:center; display:block;}
.head #menu-holder .navs a span {padding-right:5px;}
.head #menu-holder .navs a:hover {font-weight:bold;}

.head #menu-holder .tool {width:110px; margin:0px auto;}

.footer {padding:20px 0px;}
.footer .f-word img {height:40px;}
.footer .f-word p,.footer .f-word a {height:20px; line-height:20px;}
.footer .f-code,.f-list,.footer .f-text {display:none;}

.banner {height:240px;}
.banner .banner-pagination-index {height:15px; bottom:10px;}
.banner .banner-pagination-index .banner-pagination {height:15px; padding:5px 10px;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:5px; height:5px; margin:0px 2px;}

.index-case .list .img {height:auto; overflow:hidden;}
.index-case .list .img img {width:100%; display:block;}
.index-case .list .title {top:15px; left:15px;}

.index-about .about {height:auto; overflow:hidden; margin-top:100px; padding:30px;}
.index-about .about .about-img {display:none;}

.index-link {padding:20px 30px;}

.index-article {padding:10px 0px 30px;}
.index-article .article a {padding:25px 25px 35px 190px;}
.index-article .article a .imgs {width:160px; height:100px; position:absolute; top:30px; left:20px;}
.index-article .article a .p1 {height:35px; line-height:35px;}
.index-article .article a .p2 {height:44px; line-height:22px;}
.index-article .article a .time {line-height:30px;}

.index-gg {height:220px;}

}

@media (min-width: 768px) and (max-width: 999px){

.pages {padding-top:55px;}

.head {width:100%; height:55px; position:fixed;}
.head .logo {height:55px; padding:5px 0px 5px 10px; float:left;}
.head .logo img {height:45px;}

.head .menu-handler {display:block; top:2px;}
.head #menu-holder {width:240px; height:300px; position:fixed; top:100%; left:50%; margin-left:-120px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.open #menu-holder {top:50%; margin-top:-150px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#fff; display:none; position:fixed; top:0px; left:0px; z-index:99; -webkit-overflow-scrolling:touch; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {display:block; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.head #menu-holder .navs a {height:40px; line-height:40px; font-size:18px; color:#333; text-align:center; display:block;}
.head #menu-holder .navs a span {padding-right:5px;}
.head #menu-holder .navs a:hover {font-weight:bold;}

.head #menu-holder .tool {width:110px; margin:0px auto;}

.footer {padding:20px 0px;}
.footer .f-code,.footer .f-word,.footer .f-list {float:left;}
.footer .f-word {padding-left:20px;}
.footer .f-word,.footer .f-list {padding-right:20px;}
.footer .f-list a.a1 {font-size:18px;}
.footer .f-text {display:none;}

.banner {height:360px;}

.index-case {padding:30px 0px;}
.index-case .list .img {height:180px;}
.index-case .list .title {top:15px; left:15px;}

.index-about .about {height:auto; overflow:hidden; margin-top:100px; padding:30px;}
.index-about .about .about-img {display:none;}

.index-link {padding:20px 30px;}

.index-article {padding:10px 0px 30px;}
.index-article .article a {padding:25px 25px 35px 200px;}
.index-article .article a .imgs {width:160px; height:100px; position:absolute; top:30px; left:20px;}
.index-article .article a .p1 {height:35px; line-height:35px;}
.index-article .article a .p2 {height:44px; line-height:22px;}
.index-article .article a .time {line-height:30px;}

.index-gg {height:280px;}

}

@media (min-width: 1000px) {

.head {width:960px; height:60px; left:50%; top:30px; margin-left:-480px;}
.head .logo {height:60px; padding:5px 0px 5px 5px; float:left;}
.head .logo img {height:50px;}

.head #menu-holder {height:60px; float:right;}
.head #menu-holder .navs {height:60px; float:left;}
.head #menu-holder .navs a {height:60px; padding:12px 20px; float:left;text-align:center;}
.head #menu-holder .navs a span {height:20px; line-height:20px; color:#222; display:block;}
.head #menu-holder .navs a font {height:18px; line-height:18px; color:#555; font-size:12px; display:block;}
.head #menu-holder .navs a:hover,.head #menu-holder .navs a.hover {background:#ff7300;}
.head #menu-holder .navs a:hover span,.head #menu-holder .navs a:hover font,.head #menu-holder .navs a.hover span,.head #menu-holder .navs a.hover font {color:#fff;}

.head #menu-holder .tool {border-left:#e5e5e5 solid 1px; float:left;}

.footer {padding:30px 0px;}
.footer .f-code,.footer .f-word,.footer .f-list {float:left;}
.footer .f-word,.footer .f-list {padding:0px 20px;}
.footer .f-text {padding:0px 10px;}

.banner {height:480px;}

.index-case {padding:50px 0px;}
.index-case .list .img {height:280px;}
.index-case .list.a4 .img,.index-case .list.a5 .img,.index-case .list.a6 .img {height:320px;}
.index-case .list.a1 .title {bottom:15px; left:15px;}
.index-case .list.a2 .title,.index-case .list.a3 .title {top:15px; left:15px;}
.index-case .list.a4 .title,.index-case .list.a5 .title,.index-case .list.a6 .title {top:15px; right:15px;}

.index-about .about {height:280px; margin-top:250px; padding:30px 30px 30px 450px;}
.index-about .about .about-img {width:400px; position:absolute; top:-35px; left:30px;}

.index-link {padding:50px 30px;}

.index-article {padding:10px 0px 30px;}
.index-article .article a {padding:25px 25px 35px 200px;}
.index-article .article a .imgs {width:160px; height:100px; position:absolute; top:30px; left:20px;}
.index-article .article a .p1 {height:35px; line-height:35px;}
.index-article .article a .p2 {height:44px; line-height:22px;}
.index-article .article a .time {line-height:30px;}

.index-gg {height:360px;}

.index-contact {padding:20px 0px;}

}

@media (min-width: 1260px) {

.head {width:1100px; margin-left:-550px;}
.head .logo {padding:5px 0px 5px 20px;}

.footer {padding:45px 0px;}
.footer .f-word,.footer .f-list,.footer .f-text {padding:0px 30px;}

.banner {height:640px;}

.index-case .list .img {height:320px;}
.index-case .list.a4 .img,.index-case .list.a5 .img,.index-case .list.a6 .img {height:360px;}

.index-about .about {height:300px; padding:20px 30px 20px 590px;}
.index-about .about .about-img {width:540px; top:-100px;}

.index-gg {height:450px;}

.index-contact {padding:30px 0px;}

}